<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
    <link href="bootstrap/css/bootstrapBOBO.css" rel="stylesheet">
    <link href="css/flat-uiBOBO.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="css/zzsc.css"/>
    <script type="text/javascript" src="js/zzsc.js"></script>
    <style>
	html { overflow-x: hidden; overflow-y: scroll; }
	body{font-family:幼圆; }
	.navFocus{
		color: #16a085;
	}
	.notFocus{
		color: #fff;
	}
	.nav navbar-nav a:hover{
		color: #16a085;
	}
	#logIn{
		position:fixed;
		left:1000px;
		top:3px;
	}
	#logMember{
		position:relative;
		left:0px;
		top:0px;
		color:#CCC;
		font-size:15px;
		z-index:1001;
	}
	#line1{
		position:relative;
		left:65px;
		top:-31px;
		color:#CCC;
		z-index:1001;
	}
	#logMerchant{
		position:relative;
		left:77px;
		top:-57px;
		color:#CCC;
		font-size:15px;
		z-index:1001;
	}
	#addMerchant{
		position:relative;
		left:146px;
		top:-83px;
		color:#CCC;
		font-size:15px;
		z-index:1001;
	}
	#line2{
		position:relative;
		left:213px;
		top:-113px;
		color:#CCC;
		z-index:1001;
	}
	#logOperator{
		position:relative;
		left:225px;
		top:-139px;
		color:#CCC;
		font-size:15px;
		z-index:1001;
	}
	#loginmodal {
		position:fixed;
  		width: 380px;
		height:380px;
  		padding: 15px 20px;
  		background:#f0f0f0;
  		
		z-index:50;
  
	}
	#loginmodal2 {
		position:fixed;
  		width: 380px;
		height:380px;
  		padding: 15px 20px;
  		background:#f0f0f0;
  		
		z-index:50;
  
	}
	#loginmodal4 {
		position:fixed;
  		width: 380px;
		height:380px;
  		padding: 15px 20px;
  		background:#f0f0f0;
  		
		z-index:50;
  
	}
	#loginmodal5 {
	position:fixed;
	width: 600px;
	height:530px;
	padding: 15px 20px;
	background:#f0f0f0;
	top:0px;
	left:330px;
	z-index:50;
	}
	#logIn a{
		color:#CCC;
	}
	#logIn a:hover{
		color:#fff;
	}
	#lean_overlay {
    position: fixed;
    z-index:1000;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}

	#windowTop{
		position:relative;
		top:-20px;
		left:-20px;
		width:380px;
		height:50px;
		background-color:#34495e;
		font-family:幼圆;
		font-size:22px;
	}
	#deleteLog{
	font-size:23px;
	width:40px;
	height:40px;
	position:absolute;
	left:335px;
	top:5px;
	border-radius: 4px;
	background-color:#1abc9c;
	border-radius: 4px;
	z-index:1002;
	cursor:pointer;
	}
	#deleteLog:focus,#deleteLog:hover{
		background-color:#49c9b0;
		transition:background-color 0.3s;
	}
	#ls0{
	float: left;
	height: 20px;
	padding: 15px 90px;
	font-size: 23px;
	line-height: 20px;
	font-weight:bold;
	}
	span a{
		color:#000;
	}
	span a:hover{
		color:#CCC;
	}
	#codeFloat{
		background-color:#FFF;
		width:200px;
		height:200px;
		position:absolute;
		top:230px;
		left:-200px;
		display:none;
	}
	.showProduct{
		background-color:#fff;width:225px;height:370px;position:absolute;box-shadow:0px 0px 6px #CCC;
	}
	.showProductShadow{
		background-color:#fff;width:225px;height:370px;position:absolute;box-shadow:0px 0px 10px #666;
	}
	</style>
</head>

<body>
<nav class="navbar navbar-default" role="navigation" id="navQuery">
  <div class="collapse navbar-collapse" id="navbar-collapse-01">
    <ul class="nav navbar-nav" >           
      <li ><span style="background-image:url(images/logoSmall.png);position:absolute;top:1.4px;left:30px;width:50px;height:50px;z-index:10005;"></span><span style="font-family:Arial, Helvetica, sans-serif;"><a href="#"      onclick="activate(this)"id="ls0" class="navFocus scrollToBottom0">Rainbow</a></span></li>
      <li ><a href="#section2" onclick="activate(this)"id="ls1" class="notFocus scrollToBottom1"style="font-family:幼圆;">美食</a></li>
      <li ><a href="#section3" onclick="activate(this)"id="ls2" class="notFocus scrollToBottom2"style="font-family:幼圆;">酒店</a></li>
      <li ><a href="#section4" onclick="activate(this)"id="ls3" class="notFocus scrollToBottom3"style="font-family:幼圆;">机票</a></li>
      <li ><a href="#section5" onclick="activate(this)"id="ls4" class="notFocus scrollToBottom4"style="font-family:幼圆;">旅游</a></li>
      <li ><a href="#section6" onclick="activate(this)"id="ls5" class="notFocus scrollToBottom5"style="font-family:幼圆;">服饰</a></li>
      <li ><a href="#section7" onclick="activate(this)"id="ls6" class="notFocus scrollToBottom6"style="font-family:幼圆;">娱乐</a></li>
      
    </ul>  
    
  </div><!-- /.navbar-collapse -->
  
  <div	id="rightNav" style="position:fixed;width:37px;left:1313px;height:100%;background-color:#14191c;">
  	<div id="codeFloat"></div>
  	<div id="heartRight"style="background-image:url(css/img/heartRight.png);width:37px;height:37px;position:relative;top:230px;"z-index:10;><div><a></a></div></div>
    <div id="code"style="background-image:url(css/img/code.png);width:37px;height:37px;position:relative;top:240px;"></div>
    <div id="arrowTop"style="background-image:url(css/img/arrayTop.png);width:37px;height:37px;position:relative;top:250px;"><a href='#'></a></div>
  </div>
  
  <div class="dropdown" style="position:fixed;left:180px;top:5px;font-family:幼圆;height:50px;">
  	  	<button class="btn btn-primary dropdown-toggle" data-toggle="dropdown" style="background-color:#14191c;" ><span id="presentCity">四川</span><span class="caret"></span></button>
  		<span class="dropdown-arrow"></span>
  		<ul class="dropdown-menu" style="width:400px;" id="city">
    	<li style="font-size:20px;width=400px;"><span style="position:relative;left:10px;color:#1bbc9b;">华北地区</span>
        	<span style="color:#000;position:relative;left:10px;font-size:16px;"><a href="#fakelink" onclick="changeCity(this)">北京</a></span>
            <span style="color:#000;position:relative;left:10px;font-size:16px;"><a href="#fakelink" onclick="changeCity(this)">天津</a></span>
            <span style="color:#000;position:relative;left:10px;font-size:16px;"><a href="#fakelink" onclick="changeCity(this)">河北</a></span>
            <span style="color:#000;position:relative;left:10px;font-size:16px;"><a href="#fakelink" onclick="changeCity(this)">山西</a></span>
            <span style="color:#000;position:relative;left:10px;font-size:16px;"><a href="#fakelink" onclick="changeCity(this)">内蒙古</a></span>
        </li>
        <li style="font-size:20px;width=500px;"><span style="position:relative;left:10px;color:#1bbc9b;">华南地区</span>
        	<span style="color:#000;position:relative;left:10px;font-size:16px;"><a href="#fakelink" onclick="changeCity(this)">广东</a></span>
            <span style="color:#000;position:relative;left:10px;font-size:16px;"><a href="#fakelink" onclick="changeCity(this)">广西</a></span>
            <span style="color:#000;position:relative;left:10px;font-size:16px;"><a href="#fakelink" onclick="changeCity(this)">河南</a></span>
            <span style="color:#000;position:relative;left:10px;font-size:16px;"><a href="#fakelink" onclick="changeCity(this)">湖北</a></span>
            <span style="color:#000;position:relative;left:10px;font-size:16px;"><a href="#fakelink" onclick="changeCity(this)">湖南</a></span>
            <span style="color:#000;position:relative;left:10px;font-size:16px;"><a href="#fakelink" onclick="changeCity(this)">海南</a></span>
        </li>
        <li style="font-size:20px;width=500px;"><span style="position:relative;left:10px;color:#1bbc9b;">华东地区</span>
        	<span style="color:#000;position:relative;left:10px;font-size:16px;"><a href="#fakelink" onclick="changeCity(this)">上海</a></span>
            <span style="color:#000;position:relative;left:10px;font-size:16px;"><a href="#fakelink" onclick="changeCity(this)">江苏</a></span>
            <span style="color:#000;position:relative;left:10px;font-size:16px;"><a href="#fakelink" onclick="changeCity(this)">浙江</a></span>
            <span style="color:#000;position:relative;left:10px;font-size:16px;"><a href="#fakelink" onclick="changeCity(this)">安徽</a></span>
            <span style="color:#000;position:relative;left:10px;font-size:16px;"><a href="#fakelink" onclick="changeCity(this)">福建</a></span>
            <span style="color:#000;position:relative;left:10px;font-size:16px;"><a href="#fakelink" onclick="changeCity(this)">江西</a></span>
            <span style="color:#000;position:relative;left:10px;font-size:16px;"><a href="#fakelink" onclick="changeCity(this)">山东</a></span>
        </li>
        <li style="font-size:20px;width=500px;"><span style="position:relative;left:10px;color:#1bbc9b;">西南地区</span>
        	<span style="color:#000;position:relative;left:10px;font-size:16px;"><a href="#fakelink" onclick="changeCity(this)">重庆</a></span>
            <span style="color:#000;position:relative;left:10px;font-size:16px;"><a href="#fakelink" onclick="changeCity(this)">四川</a></span>
            <span style="color:#000;position:relative;left:10px;font-size:16px;"><a href="#fakelink" onclick="changeCity(this)">贵州</a></span>
            <span style="color:#000;position:relative;left:10px;font-size:16px;"><a href="#fakelink" onclick="changeCity(this)">云南</a></span>
            <span style="color:#000;position:relative;left:10px;font-size:16px;"><a href="#fakelink" onclick="changeCity(this)">西藏</a></span>
        <li style="font-size:20px;width=500px;"><span style="position:relative;left:10px;color:#1bbc9b;">东北地区</span>
        	<span style="color:#000;position:relative;left:10px;font-size:16px;"><a href="#fakelink" onclick="changeCity(this)">辽宁</a></span>
            <span style="color:#000;position:relative;left:10px;font-size:16px;"><a href="#fakelink" onclick="changeCity(this)">吉林</a></span>
            <span style="color:#000;position:relative;left:10px;font-size:16px;"><a href="#fakelink" onclick="changeCity(this)">黑龙江</a></span>
        </li>
        <li style="font-size:20px;width=500px;"><span style="position:relative;left:10px;color:#1bbc9b;">西北地区</span>
        	<span style="color:#000;position:relative;left:10px;font-size:16px;"><a href="#fakelink" onclick="changeCity(this)">陕西</a></span>
            <span style="color:#000;position:relative;left:10px;font-size:16px;"><a href="#fakelink" onclick="changeCity(this)">甘肃</a></span>
            <span style="color:#000;position:relative;left:10px;font-size:16px;"><a href="#fakelink" onclick="changeCity(this)">青海</a></span>
            <span style="color:#000;position:relative;left:10px;font-size:16px;"><a href="#fakelink" onclick="changeCity(this)">宁夏</a></span>
            <span style="color:#000;position:relative;left:10px;font-size:16px;"><a href="#fakelink" onclick="changeCity(this)">新疆</a></span>
        </li>
        <li style="font-size:20px;width=500px;"><span style="position:relative;left:10px;color:#1bbc9b;">港澳台</span>
        	<span style="color:#000;position:relative;left:30px;font-size:16px;"><a href="#fakelink" onclick="changeCity(this)">香港</a></span>
            <span style="color:#000;position:relative;left:30px;font-size:16px;"><a href="#fakelink" onclick="changeCity(this)">澳门</a></span>
            <span style="color:#000;position:relative;left:30px;font-size:16px;"><a href="#fakelink" onclick="changeCity(this)">台湾</a></span>
        </li>
  		</ul>
  </div>
    		
   
  
</nav><!-- /navbar -->

<div id="logIn" style="font-family:幼圆;">
	<div id = "logMember"><a href="#loginmodal" id="modaltrigger">会员登录</a></div>
    <div id = "line1">	|	</div>
    <div id = "logMerchant"><a href="#loginmodal2" id="modaltrigger2">商家登录</a></div>
    <div id = "addMerchant"><a href="#" >商家入盟</a></div>
    <div id = "line2">	|	</div>
    <div id = "logOperator"><a href="#loginmodal4" id="modaltrigger4">运营方登录</a></div>   	
</div>

<div id="loginmodal" style="display:none">
  <div id="windowTop" align="center">
   	<div id="deleteLog" class="flatbtn-blu hidemodal">×</div>
    <div style="position:relative;top:6px;">会员登录</div>
  </div>
  <form id="loginform" name="loginform" method="post" action="index.html" style="position:relative;left:40px;">
    <label for="username" style="color:#34495e;font-family:幼圆; font-size:16px;position:relative;top:5px;">会员账号:</label>
    <div style="position:absolute; left:158px;top:100px;color:#34495e;font-size:12px;font-family:幼圆;"><a href="#" style="color:#1abc9c;">忘记登录密码？</a></div>
    <br />
    <input type="text" name="username" placeholder="请输入您的账号名" class="form-control" tabindex="1" style="width:250px;">
    <label for="username" style="color:#34495e;font-family:幼圆; font-size:16px; position:relative;top:5px;" >会员密码:</label><br />
    <input type="password" name="username" placeholder="请输入您的密码" class="form-control" tabindex="1" style="width:250px;">
    <label class="checkbox" for="checkbox2" style="position:relative;top:5px;">
            <input type="checkbox" value="" id="checkbox2" checked="checked" data-toggle="checkbox">
            记住密码
    </label>
    <div style=" position:relative; top:10px; font-family:"幼圆""><input type="submit" name="loginbtn"class="btn btn-embossed btn-primary" value="登录" tabindex="3" style="width:250px;"></div>
  </form>
</div>

<div id="loginmodal2" style="display:none;">
  <div id="windowTop" align="center">
   	<div id="deleteLog" class="flatbtn-blu hidemodal2">×</div>
    <div style="position:relative;top:6px;">欢迎联盟商家登录</div>
  </div>
  <form id="loginform" name="loginform" method="post" action="index.html" style="position:relative;left:40px;">
    <label for="username" style="color:#34495e;font-family:幼圆; font-size:16px;position:relative;top:5px;">登录名称:</label>
    <div style="position:absolute; left:158px;top:100px;color:#34495e;font-size:12px;font-family:幼圆;"><a href="#" style="color:#1abc9c;">忘记登录密码？</a></div>
    <br />
    <input type="text" name="username" placeholder="请输入您的账号名" class="form-control" tabindex="1" style="width:250px;">
    <label for="username" style="color:#34495e;font-family:幼圆; font-size:16px; position:relative;top:5px;" >登录密码:</label><br />
    <input type="password" name="username" placeholder="请输入您的密码" class="form-control" tabindex="1" style="width:250px;">
     <label class="checkbox" for="checkbox2" style="position:relative;top:5px;">
            <input type="checkbox" value="" id="checkbox2" checked="checked" data-toggle="checkbox">
            记住密码
    </label>
    <div style=" position:relative; top:10px; font-family:"幼圆""><input type="submit" name="loginbtn"class="btn btn-embossed btn-primary" value="登录" tabindex="3" style="width:250px;"></div>
  </form>
</div>

<div id="loginmodal4" style="display:none;">
  <div id="windowTop" align="center">
   	<div id="deleteLog" class="flatbtn-blu hidemodal4">×</div>
    <div style="position:relative;top:6px;">运营方登录</div>
  </div>
  <form id="loginform" name="loginform" method="post" action="index.html" style="position:relative;left:40px;">
    <label for="username" style="color:#34495e;font-family:幼圆; font-size:16px;position:relative;top:5px;">登录名称:</label>
    <div style="position:absolute; left:158px;top:100px;color:#34495e;font-size:12px;font-family:幼圆;"></div>
    <br />
    <input type="text" name="username" placeholder="请输入您的账号名" class="form-control" tabindex="1" style="width:250px;">
    <label for="username" style="color:#34495e;font-family:幼圆; font-size:16px; position:relative;top:5px;" >登录密码:</label><br />
    <input type="password" name="username" placeholder="请输入您的密码" class="form-control" tabindex="1" style="width:250px;">
     
    <div style=" position:relative; top:30px; font-family:"幼圆""><input type="submit" name="loginbtn"class="btn btn-embossed btn-primary" value="登录" tabindex="3" style="width:250px;"></div>
  </form>
</div>

<div id="loginmodal5" style="display:none;">
  <div id="windowTop" align="center" style="width:600px;">
   	<div id="deleteLog" class="flatbtn-blu hidemodal5" style="left:555px;">×</div>
    <div style="position:relative;top:6px;">完整地图</div>
  </div>
  <div id="showMap2" style="width:600px;height:500px;z-index:3;position:relative;top:-20px;left:-20px;"></div>
</div>

<img id="showConcreteButton" src="css/img/showConcrete.png" width=60 height=60 style="position:absolute;top:80px;left:30px;z-index:3;" />
<div id="showConcrete" style="display:none;">
	<div style="background-color:#000;opacity:0.8;width:800px;height:400px;position:absolute;top:80px;left:30px;z-index:3;">
		<img src="css/img/showConcreteOn.png" width=60 height=60 style="position:relative;" />
   	  <p style="color:#49c9b0;position:relative;left:10px;top:-5px;">商家<span style="color:#fff;position:relative;left:20px;">
   	  曼娜莎女士服装店</span></p>
   	  <p style="color:#49c9b0;position:relative;left:10px;top:-5px;">地址<span style="color:#fff;position:relative;left:20px;">湖北省武汉市武昌区珞珈山(八一路299号)</span></p>
   	  <p style="color:#49c9b0;position:relative;left:10px;top:-5px;width:500px;">简介<span style="color:#fff;position:relative;left:20px;">中国·深圳市曼娜莎服饰有限公司秉承"美好女人的一生"的经营理念，主营"曼娜莎"品牌系列服饰及床上用品，集设计、制造、营销为一体；建有3家大型服装生产制造加工厂，拥有一大批专业精英人才，具有深厚的企业文化底蕴。"曼娜莎"风格独特，品质优秀，在同类品牌中独树一帜，成为年轻女性们的拥戴品牌。曼娜莎公司发展成为一家集设计、生产与销售为一体的、以"曼娜莎"为主导品牌的著名服装企业，旗下拥有童装"小淑女和约翰"、青春女装"曼娜莎"、高级成衣"Fairyfair"、男女休闲装"自然元素"曼娜莎床上用品等。</span></p>
	</div>
	<div id="showMap1" style="width:250px;height:250px;z-index:3;position:absolute;left:565px;top:150px;"></div>
    <a href="#loginmodal5" id="modaltrigger5">
		<button id="showConcreteMap" class="btn btn-primary" style="z-index:3;position:absolute;left:565px;top:410px;width:250px;">
  			查看完整地图
		</button> 
    </a>
</div>


<img src="images/showBackgroundBig.jpg" align="middle" height=450 style="width:1380px;position:relative;top:40px;z-index:2;"/>


<div style="background-color:white;width:1380px;height:90px;position:relative;top:35px;box-shadow:0px 0px 8px #999;" align="center">
	<img src="images/showBrandSmall/3.png" style="position:relative;left:-440px;top:5px;" />
    <p style="color:#000;position:relative;left:-210px;top:-30px;">曼娜莎女士服装店</p>
    <img id="showHeart" src="css/img/showHeartNone.png" width=50 height=50 style="position:relative;top:-88px;left:-320px;" onclick=""/>
</div>

<div class="showProduct" id="showProduct" onmouseover="shadow(this);"onmouseout="shadowOut(this);" style="top:600px;left:170px;">
<a href="">
	<img src="images/showProduct/1.jpg" width=225 height=300 />
    <p style="color:black;text-align:center;font-size:16px;">女绿色蕾丝连衣裙</p>
    <p style="text-align:center;color:#F66;font-family:Verdana, Geneva, sans-serif;font-size:16px;">￥
    	<span style="font-size:25px;font-family:Verdana, Geneva, sans-serif;">148</span>
        (1.7折)</p>
</a>
</div>
<div class="showProduct" id="showProduct" onmouseover="shadow(this);"onmouseout="shadowOut(this);" style="top:600px;left:420px;">
<a href="">
	<img src="images/showProduct/2.jpg" width=225 height=300 />
    <p style="color:black;text-align:center;font-size:16px;">女绿色蕾丝连衣裙</p>
    <p style="text-align:center;color:#F66;font-family:Verdana, Geneva, sans-serif;font-size:16px;">￥
    	<span style="font-size:25px;font-family:Verdana, Geneva, sans-serif;">148</span>
        (1.7折)</p>
</a>
</div>

<div class="showProduct" id="showProduct" onmouseover="shadow(this);"onmouseout="shadowOut(this);" style="top:600px;left:670px;">
<a href="">
	<img src="images/showProduct/3.jpg" width=225 height=300 />
    <p style="color:black;text-align:center;font-size:16px;">女绿色蕾丝连衣裙</p>
    <p style="text-align:center;color:#F66;font-family:Verdana, Geneva, sans-serif;font-size:16px;">￥
    	<span style="font-size:25px;font-family:Verdana, Geneva, sans-serif;">148</span>
        (1.7折)</p>
</a></div>

<div class="showProduct" id="showProduct" onmouseover="shadow(this);"onmouseout="shadowOut(this);" style="top:600px;left:920px;">
<a href="">
	<img src="images/showProduct/4.jpg" width=225 height=300 />
    <p style="color:black;text-align:center;font-size:16px;">女绿色蕾丝连衣裙</p>
    <p style="text-align:center;color:#F66;font-family:Verdana, Geneva, sans-serif;font-size:16px;">￥
    	<span style="font-size:25px;font-family:Verdana, Geneva, sans-serif;">148</span>
        (1.7折)</p>
</a></div>

<div class="showProduct" id="showProduct" onmouseover="shadow(this);"onmouseout="shadowOut(this);" style="top:1000px;left:170px;">
<a href="">
	<img src="images/showProduct/1.jpg" width=225 height=300 />
    <p style="color:black;text-align:center;font-size:16px;">女绿色蕾丝连衣裙</p>
    <p style="text-align:center;color:#F66;font-family:Verdana, Geneva, sans-serif;font-size:16px;">￥
    	<span style="font-size:25px;font-family:Verdana, Geneva, sans-serif;">148</span>
        (1.7折)</p>
</a></div>
<div class="showProduct" id="showProduct" onmouseover="shadow(this);"onmouseout="shadowOut(this);" style="top:1000px;left:420px;">
<a href="">
	<img src="images/showProduct/2.jpg" width=225 height=300 />
    <p style="color:black;text-align:center;font-size:16px;">女绿色蕾丝连衣裙</p>
    <p style="text-align:center;color:#F66;font-family:Verdana, Geneva, sans-serif;font-size:16px;">￥
    	<span style="font-size:25px;font-family:Verdana, Geneva, sans-serif;">148</span>
        (1.7折)</p>
</a></div>
<div class="showProduct" id="showProduct" onmouseover="shadow(this);"onmouseout="shadowOut(this);" style="top:1000px;left:670px;">
<a href="">
	<img src="images/showProduct/3.jpg" width=225 height=300 />
    <p style="color:black;text-align:center;font-size:16px;">女绿色蕾丝连衣裙</p>
    <p style="text-align:center;color:#F66;font-family:Verdana, Geneva, sans-serif;font-size:16px;">￥
    	<span style="font-size:25px;font-family:Verdana, Geneva, sans-serif;">148</span>
        (1.7折)</p>
</a></div>
<div class="showProduct" id="showProduct" onmouseover="shadow(this);"onmouseout="shadowOut(this);" style="top:1000px;left:920px;">
<a href="">
	<img src="images/showProduct/4.jpg" width=225 height=300 />
    <p style="color:black;text-align:center;font-size:16px;">女绿色蕾丝连衣裙</p>
    <p style="text-align:center;color:#F66;font-family:Verdana, Geneva, sans-serif;font-size:16px;">￥
    	<span style="font-size:25px;font-family:Verdana, Geneva, sans-serif;">148</span>
        (1.7折)</p>
</a></div>


<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/flatui-checkbox.js"></script>
<script>
  	function activate(myself){
        var content = document.getElementById('navbar-collapse-01');
        var links = content.getElementsByTagName('a');
        for (var i = 0; i < links.length; i++) {
			if(links[i]==myself)
				links[i].className = "navFocus";
			else
                links[i].className = "notFocus";
            }
	}
    </script>
<script>

			$('#arrowTop').click(function(){ 
				$('html, body, .content').animate({scrollTop: $("body").offset().top}, 300); 
				return false; 
			}); 
    </script>
<script>
		
        $("#heartRight").mouseover(function(){
			$(this).css("backgroundImage","url(css/img/heartRightOn.jpg)"); 
		}); 
		$("#heartRight").mouseout(function(){
			$(this).css("backgroundImage","url(css/img/heartRight.png)"); 
		}); 
        $("#code").mouseover(function(){
			$(this).css("backgroundImage","url(css/img/codeOn.jpg)"); 
			$(this).parent().find('#codeFloat').slideDown();
		}); 
		$("#code").mouseout(function(){
			$(this).css("backgroundImage","url(css/img/code.png)"); 
			$(this).parent().find('#codeFloat').hide();
		}); 
		$("#codeFloat").mouseover(function(){
			$(this).show();
		}); 
		$("#codeFloat").mouseout(function(){
			$(this).slideUp();
		}); 
		$("#arrowTop").mouseover(function(){
			$(this).css("backgroundImage","url(css/img/arrayTopOn.jpg)"); 
		}); 
		$("#arrowTop").mouseout(function(){
			$(this).css("backgroundImage","url(css/img/arrayTop.png)"); 
		}); 
		$("#showConcreteButton").mouseover(function(){
			$(this).parent().find('#showConcrete').show();
		}); 
		$("#showConcreteButton").mouseout(function(){
			$(this).parent().find('#showConcrete').hide();
		}); 
		$("#showConcrete").mouseover(function(){
			$(this).show();
		}); 
		$("#showConcrete").mouseout(function(){
			$(this).hide();
		}); 
		
	</script>
<script src="js/jquery.leanModal.min.js"></script>
<script>
		$(function(){
		
  		$('#modaltrigger').leanModal({ top: 110, overlay: 0.45, closeButton: ".hidemodal" });
		
  		$('#modaltrigger2').leanModal2({ top: 110, overlay: 0.45, closeButton: ".hidemodal2" });
		
  		$('#modaltrigger4').leanModal4({ top: 110, overlay: 0.45, closeButton: ".hidemodal4" });
		
		$('#modaltrigger5').leanModal5({ top: 110, overlay: 0.45, closeButton: ".hidemodal5" });
		
		});
		
		
	</script>

<script src="js/bootstrap.min.js"></script>
<script>
  	function changeCity(myself){
        var content = document.getElementById('city');
		var present = document.getElementById('presentCity');
		var txt = $(myself).text();
        $(present).text(txt);
	}
    </script>


<script>
		function shadow(shadowMe){
			shadowMe.className="showProductShadow";
		}
		function shadowOut(shadowOutMe){
			shadowOutMe.className="showProduct";
		}
	</script>
<script src="http://api.map.baidu.com/api?v=1.2"></script>
<script>
		var map1 = new BMap.Map("showMap1");
		map1.centerAndZoom(new BMap.Point(121.491, 31.233), 11);
		var ctrl_nav1 = new BMap.NavigationControl({ anchor: BMAP_ANCHOR_TOP_LEFT, type: BMAP_NAVIGATION_CONTROL_LARGE });         var ctrl_nav2 = new BMap.NavigationControl({ anchor: BMAP_ANCHOR_TOP_LEFT, type: BMAP_NAVIGATION_CONTROL_LARGE });             
   		map1.addControl(ctrl_nav1); 
		var map2 = new BMap.Map("showMap2");
		map2.centerAndZoom(new BMap.Point(121.491, 31.233), 11);
		map2.addControl(ctrl_nav2); 
</script>
<script>
	var countHeart=0;
	$("#showHeart").mouseover(function(){
		$(this).attr("src","css/img/showHeart.png");        
		}); 
	$("#showHeart").mouseout(function(){
		if(countHeart==0){
			$(this).attr("src","css/img/showHeartNone.png");  
		}
		}); 
	$("#showHeart").click(function(){
		if(countHeart==0){
			$(this).attr("src","css/img/showHeart.png");   
			countHeart=1;
		}
		else{
			$(this).attr("src","css/img/showHeartNone.png");   
			countHeart=0;
		}  
	}); 
</script>
</body>
</html>
